page {
  background-color: #f4f4f4;
  position: relative;
}

.wrap {
  padding-bottom: 160rpx;
  .body {
    margin: 26rpx 20rpx 0;
    padding-bottom: 16rpx;
    border-radius: 10rpx;
    .head {
      padding-top: 34rpx;
      .line {
        width: 9rpx;
        height: 37rpx;
        background-color: #f75353;
        border-radius: 5rpx;
      }
      .title {
        margin-left: 25rpx;
      }
    }

    .content {
      margin: 0 40rpx;

      .item {
        padding: 28rpx 0;

        .item-title {
          padding-bottom: 20rpx;
        }

        .unit {
          margin-left: 20rpx;
        }

        .inp {
          width: 50rpx;
        }

      }

      .item-img {
        padding: 46rpx 0;
        .btn-img {
          height: 60rpx;
          line-height: 60rpx;
          border-radius: 6rpx;
          padding: 0 25rpx;
        }
      }

      .img-wrap {
        width: 150rpx;
        height: 150rpx;
        margin: 0 20rpx 20rpx;
        position: relative;

        .icon-close{
          width: 32rpx; 
          height: 32rpx;
          position: absolute;
          top: 0;
          right: 0;
          font-size: 36rpx;
          transform: translate(50%, -50%);
        }
      }

      .item-line {
        border-bottom: 1px solid #dedede;
      }

      .item-type {
        width: 100rpx;
        text-align: center;
      }

    }
  }
}

.bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16rpx 30rpx;
  background-color: #fff;
}

.select-item{
  width: 146rpx;
  line-height: 60rpx;
  margin: 0 10rpx 10rpx 0;
}

.border-radius{
  border-radius: 10rpx;
}